<html>
    <head>
        <title>将原生事件绑定到组件</title>
    </head>
    <body>
        <script>
            // 将原生事件绑定到组件

                    /*
                          你可能有很多次想要在一个 "组件的根元素" 上直接监听一个原生事件。
                          （意思是给组件的根html元素绑定元素的原生事件）

                          这时，你可以使用 @事件名.native 修饰符：


                              ★、注意：  在 app、小程序端 和 h5端表现不一致， h5端获取到的是  "浏览器原生事件"

                                       <template>
                                            <view>
                                                !-- 我是父组件 --
                                                <componentA @click.native="clickComponentA" style="height: 200px;"></componentA>
                                            </view>
                                        </template>
                                        <script>
                                            export default {
                                                methods: {
                                                    clickComponentA(){
                                                        console.log("clickComponentA");
                                                    }
                                                }
                                            }
                                        </、script>


                                        
                                        <template>
                                            <view>
                                                !-- 我是子组件 --
                                                <view type="default" @click.stop="open" style="height: 30px;">点击</view>
                                            </view>
                                        </template>
                                        <script>
                                            export default {
                                                methods:{
                                                    open(){
                                                        console.log("open");
                                                    }
                                                }
                                            }
                                        </、script>      
                    */
        </script>
    </body>
</html>